div::-webkit-scrollbar {
  display: none;
}

// 移动适配
@media (max-width: 749px) {
  .navbar {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;

    .item {
      width: 260px;
      text-align: center
    }

    span {
      display: block;
      font-size: 14px;
      color: #fff;
      margin-top: 8px;
    }
  }

  .banner1 {
    margin: 6px auto;
    background-image: url("../../../assets/images/banner-1.png");
    height: 100%;
    position: relative;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    box-sizing: border-box;
    -webkit-box-align: center;
    align-items: center;

    .btn {
      text-align: center;
      text-decoration: none;
      box-sizing: border-box;
      display: inline-flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      font-weight: 600;
      letter-spacing: 1.2px;
      padding: 0px 1em 2px;
      text-transform: uppercase;
      border-radius: 6px;
      color: rgb(255, 255, 255);
      font-size: 16px;
      height: 50px;
      line-height: 100%;
      width: 126px;
      background-color: rgb(49, 194, 124);
      margin-top: 120px;
      cursor: pointer;
    }
  }
  .banner2 {
    background-image: url("../../../assets/images/banner-2.png");
  }
  .Mobile {
    display: block !important;
    margin-bottom: 160px;
  }
  .Pc {
    display: none !important;
  }
  .asb-text {
    padding: 10px 0 20px 20px;
    font-size: 14px;
    font-weight: bold;
  }
  .box {
    border-bottom: 1px solid rgba(62, 61, 61, 0.86);
  }
  .bs {
    display: flex;
    flex-wrap: wrap;

    .item {
      width: 100%;
      //border-bottom: 1px solid rgba(62, 61, 61, 0.86);

      ::v-deep(.el-step__icon-inner) {
        display: none;
      }

      ::v-deep(.el-step__head.is-process) {
        color: #fad749;
        border-color: #fad749;
      }

      ::v-deep(.el-step__title.is-process) {
        color: #fff
      }

      ::v-deep(.is-process .el-step__icon) {
        background: #fad749;
      }

      span {
        width: 100%;
      }
    }
  }
  .z13 {

    .box {
      display: flex;
      align-items: center;
      //padding: 0 10px;
      border-bottom: 1px solid rgba(62, 61, 61, 0.86);

      .asb-text {
        padding: 10px 0;
      }

      .odds {
        .btn {
          width: 33.99%;
          font-size: 9px;
        }
      }

      .team {
        font-size: 14px;
      }

      .key {
        padding: 0 10px;
      }
    }


  }
  .bd {
    .box {
      display: flex;

      .key {
        padding: 0 10px;
        border-right: 1px solid rgba(62, 61, 61, 0.86);
        display: flex;
        align-items: center;
      }
    }
  }
  .side {
    .betting-slip {
      background-color: #000;

      .betslip {
        color: #da0000;
        text-align: center;
        padding: 9px;
        border-bottom: 2px solid #da0000;
        font-size: 14px;
        font-weight: bold;

        span {
          background: #fad749;
          color: #000;
          border-radius: 100%;
          font-size: 12px;
          font-weight: 400;
          height: 20px;
          line-height: 20px;
          margin-left: 4px;
          text-align: center;
          width: 20px;
          display: inline-block;
        }
      }

      .data-li {
        padding: 10px 8px;
        border-bottom: 1px solid rgb(62 61 61 / 86%);
      }

      .choosebox {
        display: flex;
        align-items: center;
        margin-bottom: 4px;

        span {
          color: #fff;
          font-weight: 400;
          font-size: 14px;
          flex: 1;
          margin-left: 8px;
        }

        .del {
          width: 1em;
          height: 1em;
          color: #828282;
        }
      }

      .clear-all {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 10px 6px;
        border-bottom: 1px solid rgb(62 61 61 / 86%);

        span {
          color: #fff;
          font-size: 14px;
          margin-right: 4px;
        }

        .icon {
          width: 1em;
          height: 1em;
          color: #fff
        }
      }

      .z_amount {
        border-bottom: 1px solid rgb(62 61 61 / 86%);

        .li-input {
          display: flex;
          align-items: center;
          font-size: 14px;
          color: #fff;
          padding: 9px;

          input {
            border: none;
            background-color: #fff;
            width: 80px;
            border-radius: 4px;
            text-align: center;
          }
        }
      }

      .bet_amount {
        font-size: 14px;
        color: #fff;
        padding: 10px 8px;

        .amount {
          display: flex;
          align-items: center;
          margin-bottom: 4px;
        }

        .win {
          display: flex;
          align-items: center;
          margin-bottom: 4px;

          .total {
            color: #31c27c;
            font-weight: bold
          }
        }
      }
    }

  }
}

// PC适配
@media (min-width: 750px) {
  .navbar {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;

    .item {
      width: 260px;
      text-align: center
    }

    span {
      display: block;
      font-size: 14px;
      color: #fff;
      margin-top: 8px;
    }
  }
  .banner1 {
    max-width: 1200px;
    margin: 6px auto;
    background-image: url("../../../assets/images/banner-1.png");
    display: block;
    text-align: left;
    background-size: contain;
    background-position: right center;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    overflow: hidden;
    flex-direction: column;
    padding: 1.5rem;
    box-sizing: border-box;
    -webkit-box-align: center;
    align-items: center;

    .btn {
      text-align: center;
      text-decoration: none;
      box-sizing: border-box;
      display: inline-flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      font-weight: 600;
      letter-spacing: 1.2px;
      padding: 0px 1em 2px;
      text-transform: uppercase;
      border-radius: 6px;
      color: rgb(255, 255, 255);
      font-size: 1em;
      height: 50px;
      line-height: 100%;
      min-width: 200px;
      background-color: rgb(49, 194, 124);
      margin-top: 10px;
      cursor: pointer;
    }
  }
  .banner2 {
    background-image: url("../../../assets/images/banner-2.png");
  }
  .Mobile {
    display: none !important;
  }
  .Pc {
    display: block !important;
    //margin-bottom: 100px;
  }

  .main-contain {
    //padding: 1rem;
    background-color: rgb(30, 30, 30);
    display: flex;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 160px;
  }
  .menu {
    width: 300px;
    background-color: #3c3c3c;
  }

  .top-leagues {
    background: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 12px;
    text-transform: uppercase;
  }

  .main {
    flex: 1;
    color: #fff;
    padding: 0 16px;

    .title {
      display: flex;
      border-bottom: 1px solid rgba(62, 61, 61, 0.86);
      padding: 0 6px;

      .left {
        flex: 1;
        line-height: 42px;
        height: 42px;
        margin-left: 12px;
      }

      .right {
        display: flex;

        span {
          width: 64px;
          line-height: 42px;
          height: 42px;
          text-align: center;
          margin-right: 4px;
        }
      }
    }

    .li {
      display: flex;
      padding: 10px 6px;
      border-bottom: 1px solid rgba(62, 61, 61, 0.86);
      align-items: center;
    }

    .league {
      font-size: 11px;
      padding-bottom: 11px;
      color: #828282;
    }

    .team {
      font-weight: 400;
      font-size: 14px;
      padding-bottom: 6px;
    }

    .pb-6 {
      padding-bottom: 6px;
    }

    .z13 {
      .box {
        display: flex;
        border-bottom: 1px solid rgba(62, 61, 61, 0.86);
        align-items: center;
      }

      .key {
        padding: 0 10px;
        border-right: 1px solid rgba(62, 61, 61, 0.86);
      }

      .league {
        padding: 10px 0;
      }

      .odds {
        width: 60%;

        span {
          width: 33%;
        }
      }

    }

    .bd {
      .box {
        display: flex;
        border-bottom: 1px solid rgba(62, 61, 61, 0.86);
        align-items: center;
        width: 100%;
      }

      .key {
        padding: 0 10px;
        border-right: 1px solid rgba(62, 61, 61, 0.86);
      }

      .bs {
        display: flex;
        align-items: center;

        .item {
          width: 33%;

          ::v-deep(.el-step__icon-inner) {
            display: none;
          }

          ::v-deep(.el-step__head.is-process) {
            color: #fad749;
            border-color: #fad749;
          }

          ::v-deep(.el-step__title.is-process) {
            color: #fff
          }

          ::v-deep(.is-process .el-step__icon) {
            background: #fad749;
          }

          span {
            width: 100%;
          }
        }
      }
    }

  }

  .side {
    .betting-slip {
      width: 300px;
      background-color: #000;

      .betslip {
        color: #da0000;
        text-align: center;
        padding: 9px;
        border-bottom: 2px solid #da0000;
        font-size: 14px;
        font-weight: bold;

        span {
          background: #fad749;
          color: #000;
          border-radius: 100%;
          font-size: 12px;
          font-weight: 400;
          height: 20px;
          line-height: 20px;
          margin-left: 4px;
          text-align: center;
          width: 20px;
          display: inline-block;
        }
      }

      .data-li {
        padding: 10px 8px;
        border-bottom: 1px solid rgb(62 61 61 / 86%);
      }

      .choosebox {
        display: flex;
        align-items: center;
        margin-bottom: 4px;

        span {
          color: #fff;
          font-weight: 400;
          font-size: 14px;
          flex: 1;
          margin-left: 8px;
        }

        .del {
          width: 1em;
          height: 1em;
          color: #828282;
        }
      }

      .clear-all {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 10px 6px;
        border-bottom: 1px solid rgb(62 61 61 / 86%);

        span {
          color: #fff;
          font-size: 14px;
          margin-right: 4px;
        }

        .icon {
          width: 1em;
          height: 1em;
          color: #fff
        }
      }

      .z_amount {
        border-bottom: 1px solid rgb(62 61 61 / 86%);

        .li-input {
          display: flex;
          align-items: center;
          font-size: 14px;
          color: #fff;
          padding: 9px;

          input {
            border: none;
            background-color: #fff;
            width: 80px;
            border-radius: 4px;
            text-align: center;
          }
        }
      }

      .bet_amount {
        font-size: 14px;
        color: #fff;
        padding: 10px 8px;

        .amount {
          display: flex;
          align-items: center;
          margin-bottom: 4px;
        }

        .win {
          display: flex;
          align-items: center;
          margin-bottom: 4px;

          .total {
            color: #31c27c;
            font-weight: bold
          }
        }
      }

      .place-bet-box {
        padding: 0 9px 6px;

        .place-bet {
          height: 44px;
          color: #909399;
          line-height: 44px;
          text-align: center;
          font-size: 14px;
          font-weight: 600;
          border-radius: 4px;
          background: #1c7148;
        }

        .err {
          color: #fff;
          background: red;
          font-size: 14px;
        }

        .active {
          color: #fff;
          background: #31c27c;

        }
      }
    }

  }


}

.asb-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.input:focus {
  border: none;
  box-shadow: none;
  background: transparent;
  border: 0;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

.input {
  border: none;
  box-shadow: none;
  background: transparent;
  border: 0;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

.odds {
  display: flex;
  height: 42px;

  .btn {
    width: 64px;
    line-height: 42px;
    height: 42px;
    text-align: center;
    margin-right: 8px;
    background-color: #323232;
    color: #fad749;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
  }

  //:hover {
  //  background: #fad749;
  //  color: #000;
  //}

  .active {
    background: #fad749;
    color: #000;
  }
}

.odds1 {
  width: 70%;

  .btn {
    width: 30%;
  }
}

.navbar {
  .active {
    color: red !important;
  }
}

.menu {
  .top-events {
    .list {
      .li {
        display: flex;
        align-items: center;
        background: #3c3c3c;
        border-color: #000;
        color: #fff;
        border-bottom: 1px solid #000;
        cursor: pointer;
        padding: 7px 8px;
        font-size: 14px;

        .icon {
          margin-right: 8px;
        }
      }

      .active {
        background: #03341c;

        .currency {
          color: #31c27c;
          font-size: 20px;
          font-weight: 400;
        }
      }

      .name {
        font-size: 14px;
        font-weight: 400;
      }

      .currency {
        font-size: 20px;
        font-weight: 400;
      }
    }
  }

  .type {
    .list {
      .li {
        background: #3c3c3c;
        border-color: #000;
        color: #fff;
        border-bottom: 1px solid #000;
        cursor: pointer;

        font-size: 14px;

        .icon {
          margin-right: 8px;
        }
      }
    }
  }
}

.betting-slip {
  .tab {
    display: flex;

    span {
      flex: 1;
      text-align: center;
      color: #fff;
      padding: 9px;
      font-size: 14px;
      font-weight: bold;
    }

    .active {
      color: #da0000;
      border-bottom: 2px solid #da0000;
    }
  }
}

.pointer {
  cursor: pointer
}